<template>
    <div>
       <el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item>组织管理</el-breadcrumb-item>
  <el-breadcrumb-item>组织列表</el-breadcrumb-item>
</el-breadcrumb>
 <el-card>
<el-table
    :data="tableData1"
    style="width: 100%"
    row-key="id"
    border
    lazy
    :load="load"
    :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
    <el-table-column
      prop="date"
      label="组织名称"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="负责人"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
    <el-table-column
      prop=""
      label="操作">
<template >
    <el-button>更改</el-button>
    <el-button>删除</el-button>
    <el-button>分配权限</el-button>
</template>

    </el-table-column>
  </el-table>


 </el-card>
    </div>
</template>
<script>
export default {
    

 data() {
      return {
      
      
        tableData1: [{
          id: 1,
          date: '协会1',
          name: '王小虎1',
          address: '郑州市上街区'
        }, {
          id: 2,
          date: '协会2',
          name: '王小虎2',
          address: '郑州市上街区'
        }, {
          id: 3,
          date: '协会3',
          name: '王小虎3',
          address: '郑州市上街区',
          hasChildren: true
        }, {
          id: 4,
          date: '协会4',
          name: '王小虎4',
          address: '郑州市上街区'
        }]
    }},
    methods: {
      load(tree, treeNode, resolve) {
        setTimeout(() => {
          resolve([
            {
              id: 31,
              date: '协会5',
              name: '王小虎5',
              address: '洛阳金沙江路 1519 弄'
            }, {
              id: 32,
              date: '协会6',
              name: '王小虎6',
              address: '开封市沙江路 106号'
            }
          ])
        }, 1000)
      }
    },
  }
</script>